@border-color:#e3e3e3;

.previewBox {
  border: #e8e8e8 solid 1px;
  box-shadow: 1px 1px 7px 1px #e4e4e4;
  min-height: 300px;
  margin: 20px;
  padding: 20px;
}
// .ant-layout{
//   background: #fff !important;
// }
.configCenter{
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 20px;
  .lefcon{
    width: 269px;
  }
  .dragCon{
    width: calc(100% - 580px);
    max-width: 1100px;
  }
  .rigCon{
    width: 360px;
  }
  .dragContent{
    display: flex;
    flex-direction: column;
    padding: 0px;
    padding-top: 0;
  }
  .saveView{
    display: flex;
    justify-content: right;
    padding-right: 40px;
    .view{
      font-size: 12px;
    }
    .save{
      margin-left: 20px;
      font-size: 12px;
    }
  }
  .propertyConfig{
    display: flex;
    flex-direction: column;
    .item{
      display: flex;
      flex-direction: column;
      .tit{
        span{color: #ff4d4f;}
      }
    }
  }
}

